<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv=Content-Type content="text/html;charset=utf-8" />
        <title>{$settings.shopname}</title>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="format-detection" content="telephone=no">
        <link href="{$docroot}static/css/wshop_home.css?v={$cssversion}" type="text/css" rel="Stylesheet" />
    </head>
    <body>

        {include file="../global/search_box1.tpl"}

        <header class="index-header">
            <!-- slider -->
            {strip}
                <div id="slider" {if $topBanners|count > 1}style='height:auto' class='clearfix'{/if} style="border-bottom:1px solid #eee;">
                    <div class="sliderLoading"></div>
                    {if $topBanners|count > 1}
                        <div class="sliderTip">
                            {foreach from=$topBanners item=banner name=ii}
                                <i class="sliderTipItems {if $smarty.foreach.ii.index == 0}current{/if}"></i>
                            {/foreach}
                        </div>
                    {/if}
                    <div id="slideFrame">
                        {foreach from=$topBanners item=banner}
                            <div class="sliderX" {if $topBanners|count eq 1}style='float:left'{/if}>
                                <img class="sliderXImages" onclick="location.href = '{$banner.link}';"  src="uploads/images_banner/{$banner.banner_image}" />
                            </div>
                        {/foreach}
                    </div>
                </div>
            {/strip}
            <script type="text/javascript">document.querySelector('#slider').style.height = (document.documentElement.clientWidth * 0.75) + 'px';</script>
            <!-- slider -->
        </header>

        <section class="home-recom">
            <header><span>热卖推荐</span></header>
            <section class="clearfix">
                {foreach from=$productHot item=pd name=pds}
                    <a href="?/vProduct/view/id={$pd.product_id}" class="hplist">
                        <img src="{$config.imagesPrefix}product_hpic/{$pd.catimg}_x250" srcset="{$config.imagesPrefix}product_hpic/{$pd.catimg}_x500 2x" />
                        <p>{$pd.product_name}</p>
                        <i>&yen;{$pd.sale_prices}</i>
                    </a>
                {/foreach}
            </section>
        </section>

        <section class="home-recom">
            <header><span>新品上架</span></header>
            <section class="clearfix">
                {foreach from=$productNew item=pd name=pds}
                    <a href="?/vProduct/view/id={$pd.product_id}" class="hplist">
                        <img src="{$config.imagesPrefix}product_hpic/{$pd.catimg}_x250" srcset="{$config.imagesPrefix}product_hpic/{$pd.catimg}_x500 2x" />
                        <p>{$pd.product_name}</p>
                        <i>&yen;{$pd.sale_prices}</i>
                    </a>
                {/foreach}
            </section>
        </section>
            
        <!-- serials -->
        <script data-main="{$docroot}static/script/Wshop/shop_index.js?v={$smarty.now}" src="{$docroot}static/script/require.min.js"></script>
        {include file="../global/footer.tpl"}
    </body>
</html>
